<template>
      <div class="default-table-detail-container">
            <BaseTableInfo v-model="baseTableInfoModel" />
      </div>
</template>

<script lang="ts" setup>

import DrillInfoApi from '/@/api/webPath/DrillInfoApi.ts';

const props = defineProps({
      modelValue: {

      }
})
const route = useRouter()

const baseTableInfoModel = ref({
      columnCount: 3,
      autoFit: false,
      columnWidth: '300px',
      labelWidth: '100px',
      title: '基本信息',
      modelData: {},
      itemList: [
            {
                  title: '',
                  items: [   //渲染样式区域  通过key ===model 中的值
                        {
                              label: "id",
                              field: "id",
                        },
                        {
                              label: "培训名称",
                              field: "drillName",
                        },
                        {
                              label: "主办方",
                              field: "drillSponsor",
                        },
                        {
                              label: "协办方",
                              field: "drillAssist",
                        },
                        {
                              label: "所属区域id",
                              field: "areaId",
                        },
                        {
                              label: "所属区域",
                              field: "area",
                        },
                        {
                              label: "培训类型",
                              field: "type",
                        },
                        {
                              label: "是否考试 ",
                              field: "isExam",
                        },
                        {
                              label: "开始时间",
                              field: "startTime",
                        },
                        {
                              label: "结束时间",
                              field: "endTime",
                        },
                        {
                              label: "是否收费",
                              field: "isCharge",
                        },
                        {
                              label: "收费金额",
                              field: "price",
                        },
                        {
                              label: "联系人1",
                              field: "contactsOne",
                        },
                        {
                              label: "联系电话1",
                              field: "contactsOnePhone",
                        },
                        {
                              label: "联系人2",
                              field: "contactsTwo",
                        },
                        {
                              label: "联系电话2",
                              field: "contactsTwoPhone",
                        },
                        {
                              label: "培训举办地址",
                              field: "address",
                        },
                        {
                              label: "是否上传身份证",
                              field: "isIdentityCard",
                        },
                        {
                              label: "身份证地址",
                              field: "identityCardUrl",
                        },
                        {
                              label: "是否上传照片",
                              field: "isImage",
                        },
                        {
                              label: "照片地址",
                              field: "imageUrl",
                              fieldFormat: "img"
                        },
                        // {
                        //       label: "报名结束时间",
                        //       field: "signEndTime",
                        // },
                        {
                              label: "培训议程",
                              field: "drillAgenda",
                        },
                        // {
                        //       label: "证书抬头",
                        //       field: "certificateHeader",
                        // },
                        // {
                        //       label: "证书日期",
                        //       field: "certificateDate",
                        // },
                        // {
                        //       label: "证书模板",
                        //       field: "certificateTemplate",
                        // },
                        // {
                        //       label: "创建人",
                        //       field: "creator",
                        // },
                        // {
                        //       label: "修改人",
                        //       field: "reviser",
                        // },
                        // {
                        //       label: "排序",
                        //       field: "sort",
                        // },
                        {
                              label: "创建时间",
                              field: "create_time",
                        },
                        {
                              label: "更新时间",
                              field: "update_time",
                        },
                  ]
            }
      ],
      buttons: [   //标题操作区域
            // {
            //   name: "更多",
            //  buttonClass: 'danger',
            // width: 100,
            // click: (any: object) => {   //暴露的方法钩子
            // $baseMessage("这里执行业务", 'success', 'vab-hey-message-success');
            //},
            //},


      ]
})

onMounted(async () => {
      //初始化数据model
      const { data } = await DrillInfoApi.getDetail({
            drillInfoId: props.modelValue.query.drillInfoId   //从路由中获取参数
      })
      baseTableInfoModel.value.modelData = data;





})
</script>

<style lang="scss" scoped>
.default-table-detail-container {
      :deep() {
            .el-form--inline {
                  .el-form-item {
                        margin-right: 10px;
                  }
            }

            .el-descriptions__label {
                  min-width: 80px !important;
                  text-align: right;
            }
      }
}
</style>
